* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* 时钟容器 */
.sz {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	margin: 80px auto 100px;
	position: relative;
}

/* 分钟刻度 */
.mi {
	width: 6px;
	height: 20px;
	transform-origin: center 200px;
	background-color: black;
	list-style: none;
	position: absolute;
	left: 50%;
	margin-left: -3px;
}

/* 时钟刻度 */
.se {
	width: 4px;
	height: 10px;
	transform-origin: center 200px;
	background-color: black;
	list-style: none;
	position: absolute;
	left: 50%;
	margin-left: -2px;
}

/* 中间遮罩点 */
.circle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	z-index: 5;
}

/* 秒针 */
.miao {
	width: 6px;
	height: 160px;
	background-color: red;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform-origin: center bottom;
	margin-left: -3px;
	z-index: 4;
}

/* 分针 */
.fen {
	width: 8px;
	height: 130px;
	background-color: black;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform-origin: center bottom;
	margin-left: -4px;
	z-index: 3;
}

/* 时针 */
.shi {
	width: 10px;
	height: 100px;
	background-color: gray;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform-origin: center bottom;
	margin-left: -5px;
	z-index: 1;
}

/* 日期 */
.time_box {
	padding: 0 30px;
	text-align: center;
	font-size: 30px;
	margin-top: 20px;
}

/* 时间 */
.date_box {
	padding: 0 30px;
	text-align: center;
	font-size: 40px;
}